<template>
	<view class="addr_manager">
		<view class="addr-header">
			<image class="arrow" src="/static/recharge/arrow.png" mode="" @tap="back"></image>
			<text class="addr_rename">地址管理</text>
			<text>编辑</text>
		</view>
		<view class="addr-tip_form">
			<u-form :model="addrForm" ref="addrForm" :label-width="130">
				<u-form-item label="收件人">
					<u-input v-model="addrForm.addressee" placeholder="请输入收件人" />
				</u-form-item>
				<u-form-item label="手机号码"><u-input v-model="addrForm.tel" placeholder="请输入手机号码" /></u-form-item>
				<u-form-item label="具体住址">
					<u-input type="textarea" v-model="addrForm.specific" placeholder="请输入具体住址" :height="addrheight" 
						:auto-height="autoHeight" />
				</u-form-item>
			</u-form>
		</view>
		<view class="addr_btn">
			<u-button type="warning" @click="save">保存</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				addrForm: {
					addressee: '',
					tel: '',
					specific: ''
				},
				addrheight: '70rpx',
				autoHeight: true,
			};
		},
		methods: {
			back(){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
.addr_manager{
	background-color: #F4F5F9;
	font-size: 30rpx;
	.addr-header{
		padding: 10rpx 20rpx;
		display: flex;
		align-items: center;
		background-color: #FFFFFF;
		justify-content: space-between;
		.addr_rename{
			font-size: 30rpx;
			font-weight: bold;
		}
		.arrow{
			height: 40rpx;
			width: 50rpx;
			transform: rotate(180deg);
		}
	}
	.addr-tip_form{
		margin: 20rpx 0rpx;
		padding: 0rpx 40rpx;
		background-color: #FFFFFF;
	}
	.addr_btn{
		margin: 40rpx;
	}
	/deep/ .uni-input-input, /deep/ .u-input__textarea{
		color: #000000;
		font-size: 34rpx;
	}
}

</style>
